<template>
  <div class="userSecurity">
    <mtHeader
      fixed
      title="账号与安全"
      style="background: linear-gradient(0deg, #399f00, #26701a);height:1rem"
    >
        <div class="header-left iconfont" slot="left" @click="$router.back(-1)">&#xe623;</div>
    </mtHeader>
    <div class="container">
      <div class="cell">
        <P class="cell-tit">{{oldPhone}}</P>
      </div>
      <div class="line-h"></div>
      <div class="cell">
        <input class="cell-tit" v-model="newPhone" placeholder="输入新手机号"/>
      </div>
      <div class="line-h"></div>
      <div class="cell">
        <input class="cell-tit" v-model="verCode" placeholder="输入验证码"/>
        <DButton sty="1"></DButton>
      </div>
      <div class="line-h"></div>
      
    </div>
    <div class="bott">修改手机号码</div>
  </div>
</template>
<script>
import { Header, Cell,Popup  } from "mint-ui";
import DButton from '../../../components/dButton'
export default {
  name: "mySet",
  components: {
    mtHeader: Header,
    mtCell: Cell,
    mtPopup:Popup,
    DButton
  },
  data: function() {
    return {
      oldPhone:'15592839283',
      newPhone:'',
      verCode:''
    };
  },
  methods: {
    btnSort() {
      this.isActive=!this.isActive;
    },
    changeSort(p){
      if(this.sort==p){
        return;
      }
      this.sort=p;
      this.isActive=false
    }
  }
};
</script>
<style lang="less" scoped>
@import url('~styles/common.less');
</style>